<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<p:dialog xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"	
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:p="http://primefaces.org/ui" modal="true" width="660"
	height="500" resizable="false" widgetVar="dialogListCidade"
	id="listDialogCidade" appendToBody="true">

	<link type="text/css" rel="stylesheet" href="../../resources/css/style.css" />

	<f:facet name="header">
		<h:outputText value="Consultar Cidade" />
	</f:facet>

	<h:form id="formListCidade">
		<div style="margin-left: 5%;">
			<p:messages autoUpdate="true"/>
			<h:panelGrid columns="8">
				<h:outputText value="Filtrar por:" />

				<p:inputText id="inputSearchFilterCod" style="width:50px;" value="#{ordemServicoBean.filterId}" title="Código" maxlength="15">
					<pe:keyFilter regEx="/[\d]/" />
				</p:inputText>
				<p:watermark value="Código" for="inputSearchFilterCod" />

				<p:inputText id="inputSearchFilter" style="width:250px;" value="#{ordemServicoBean.filter}" title="Cidade, Estado ou País" maxlength="50"/>
				<p:watermark value="Cidade, Estado ou País" for="inputSearchFilter" />

				<p:commandButton icon="ui-icon-search" style="height:24px;" title="Consultar" id="searchButtonCidade" update="@form" actionListener="#{ordemServicoBean.fillCidadeByFilter}"/>
				<p:commandButton icon="ui-icon-plus" style="height:24px;" title="Nova" actionListener="#{ordemServicoBean.openDialogAddCidade}" />
				<p:commandButton icon="ui-icon-check" title="Selecionar" actionListener="#{ordemServicoBean.addCidade}" process="@this formListCidade" update="formListCidade" style="height:24px;"/>
			</h:panelGrid>
			
			<div style="float: left; padding-top: 10px;">
				<p:dataTable style="width:575px" var="cidade" id="tableCidades"
					value="#{ordemServicoBean.cidades}" paginator="true" rows="10"
					paginatorPosition="bottom" selectionMode="single"
					selection="#{ordemServicoBean.selectedCidade}" rowKey="#{cidade.id}"
					emptyMessage="Não há registros">
					
					<p:ajax event="rowDblselect" listener="#{ordemServicoBean.addCidade}"/>
					
					<p:column headerText="Código" style="width:80px;">
						<h:outputText value="#{cidade.id}" />
					</p:column>

					<p:column headerText="Cidade">
						<h:outputText value="#{cidade.cidade}" />
					</p:column>

					<p:column headerText="DDD" style="width:50px;">
						<h:outputText value="#{cidade.ddd}" />
					</p:column>

					<p:column headerText="Estado">
						<h:outputText value="#{cidade.estado.estado}" />
					</p:column>
					
					<p:column width="10">
						<p:commandButton icon="ui-icon-check" title="Selecionar" actionListener="#{ordemServicoBean.addCidade(cidade.id)}" style="height:24px; width:24px;"/>
					</p:column>
				</p:dataTable>
			</div>
		</div>
	</h:form>
</p:dialog>